<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="SyntaxHighlighter.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
p.MsoNormal {
margin:0cm;
margin-bottom:.0001pt;
text-autospace:none;
font-size:10.0pt;
font-family:Arial;
}
.style4 {font-size: 16px}
-->
</style>
</head>

<body>
<p class="MsoNormal" style="background:white;"><img src="saibamais.jpg" width="270" height="50" alt="Saiba Mais" /></p>

<p class="MsoNormal" style="background:white;">&nbsp;</p>
<p class="MsoNormal" style="background:white;"><span class="style4"><strong>Checkpoint</strong><strong> 1.2</strong></span></p>
<p class="MsoNormal" style="margin-top:6.0pt;margin-right:24.95pt;margin-bottom:.0001pt;margin-left:1.0cm;line-height:12.0pt;background:white;">Provide redundant  text links for each active region of a server-side image map. </p>
<p class="MsoNormal" style="margin-top:9.85pt;margin-right:24.95pt;margin-bottom:.0001pt;margin-left:0cm;line-height:12.0pt;background:white;">The <strong>&quot;server side&quot;</strong> image maps   (use <strong>ISMAP</strong> instead of IMG), do not or can not, habitually, provide any textual information on the  coded texts inside the map.  If your &quot;server side&quot; image map  has  links for the  A, B, C, D and E sections of your web site, provide an alternative text to the page.</p>
<p class="MsoNormal" style="margin-top:9.85pt;background:white;">For example, the code &ldquo;<strong>server-side</strong>&rdquo;:</p>
<p class="MsoNormal" style="margin-top:11.05pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;a href=</strong><strong>&rdquo;</strong><strong>img/imgmap1.map</strong><strong>&rdquo;</strong><strong>&gt;</strong> </p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;">&nbsp;</p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;img ismap src=</strong><strong>&rdquo;</strong><strong>imgmap1.gif</strong><strong>&rdquo;</strong> <strong>alt=&rdquo;Please, use the followed links instead of those that are in this image map.&rdquo; /&gt;</strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;">&nbsp;</p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;/a&gt;</strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;">&nbsp;</p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;br /&gt;</strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;">&nbsp;</p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>[ &lt;a href=</strong><strong>&rdquo;</strong><strong>a.htm</strong><strong>&rdquo;</strong><strong>&gt;Section</strong><strong> A&lt;/a&gt; | </strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;a href=</strong><strong>&rdquo;</strong><strong>b.htm</strong><strong>&rdquo;</strong><strong>&gt;</strong><strong>Section B&lt;/a&gt; | </strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;a href=</strong><strong>&rdquo;</strong><strong>c.htm</strong><strong>&rdquo;</strong><strong>&gt;</strong><strong>Section </strong><strong>C&lt;/a&gt; | </strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;a href=</strong><strong>&rdquo;</strong><strong>d.htm</strong><strong>&rdquo;</strong><strong>&gt;</strong><strong>Section D&lt;/a&gt; | </strong></p>
<p class="MsoNormal" style="margin-left:.25pt;line-height:9.85pt;background:white;"><strong>&lt;a href=</strong><strong>&rdquo;</strong><strong>e.htm</strong><strong>&rdquo;</strong><strong>&gt;</strong><strong>Section E&lt;/a&gt; ]</strong></p>
<p class="MsoNormal" style="margin-top:7.9pt;background:white;">produces the following <span class="MsoNormal" style="margin-top:7.9pt;background:white;">server-side</span> image map  and the correspondent textual equivalent: </p>
<div style="text-align:center">
<p class="MsoNormal" align="center" style="margin-top:7.9pt;text-align:center;background:white;"><img src="1.2/clip_image002_0002.jpg" alt="figura do mapa de imagens" width="368" height="74"  /></p>
<p class="MsoNormal" style="margin-top:7.9pt;background:white;"> [ Section A | Section B | Section C | Section D | Section E ]</p>
</div>
<p class="MsoNormal" style="margin-top:11.75pt;margin-right:0cm;margin-bottom:.0001pt;margin-left:14.15pt;line-height:12.0pt;background:white;">Observation: the ALT text that is located in the IMG elemtent tells the user that there is a textual equivalent. It doesn't describes, however, the images by itself. To describe the image map in detail, use the LONGDESC.</p>
</body>
</html>
